/**index.wxss**/
.container {
  display: block;
  padding: 0 96rpx;
  margin: 0;
}

.logo {
  margin-top: 180rpx;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 200rpx;
  transform: translate(-50%, 0);
}
.logo_image {
  width: 200rpx;
  height: 200rpx;
}

.title_text {
  font-size: 60rpx;
  padding-top: 100rpx;
}

.inputFrame {
  margin-top: 40rpx;
  height: 50rpx;
  border-bottom: 1rpx solid #eee;
  padding: 30rpx 0;
}

.inputFrame input {
  font-size: 28rpx;
  height: 40rpx;
}

.getCode {
  float: right;
  font-size: 28rpx;
}

.check_button {
  position: absolute;
  font-size: 24rpx;
  top: 700rpx;
  left: 50%;
  transform: translate(-45%, 0);
  width: 80%;
}

.link_text {
  color: #4fa0ff;
}

.buttonFrame {
  position: absolute;
  top: 800rpx;
  left: 50%;
  transform: translate(-50%, 0);
  width: 70%;
}

.button_item {
  background: rgb(52, 119, 236);
  height: 81rpx;
  line-height: 81rpx;
  text-align: center;
  color: white;
  font-size: 32rpx;
  border-radius: 7rpx;
}

.switch_text {
  position: absolute;
  top: 900rpx;
  left: 50%;
  transform: translate(-50%, 0);
  width: 90%;
}

.toolbar {
  position: absolute;
  bottom: 100rpx;
  height: 100rpx;
  width: 80%;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.toolbar .toolbar_item {
  height: 120rpx;
  width: 120rpx;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.toolbar .toolbar_item .icon {
  height: 90rpx;
  width: 90rpx;
  margin: 0 auto;
}

.appid_text {
  font-size: 24rpx;
  color: #afafaf;
}

.btm_text {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 50rpx;
  text-align: center;
  color: gray;
  font-size: 30rpx;
}
